<div th:fragment="header">
<nav class="navbar navbar-default top-navbar" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="javascript:index();"><strong>gtdebug(v1.0.0)</strong></a>

        <div id="sideNav" href="javascript:void(0);"><i class="fa fa-caret-right"></i></div>
    </div>

    <ul class="nav navbar-top-links navbar-right">
        <!--<li class="dropdown">-->
            <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                <!--<i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>-->
            <!--</a>-->
            <!--<ul class="dropdown-menu dropdown-messages">-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<strong>John Doe</strong>-->
                            <!--<span class="pull-right text-muted">-->
                                        <!--<em>Today</em>-->
                                    <!--</span>-->
                        <!--</div>-->
                        <!--<div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<strong>John Smith</strong>-->
                            <!--<span class="pull-right text-muted">-->
                                        <!--<em>Yesterday</em>-->
                                    <!--</span>-->
                        <!--</div>-->
                        <!--<div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<strong>John Smith</strong>-->
                            <!--<span class="pull-right text-muted">-->
                                        <!--<em>Yesterday</em>-->
                                    <!--</span>-->
                        <!--</div>-->
                        <!--<div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a class="text-center" href="#">-->
                        <!--<strong>Read All Messages</strong>-->
                        <!--<i class="fa fa-angle-right"></i>-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
            <!--&lt;!&ndash; /.dropdown-messages &ndash;&gt;-->
        <!--</li>-->
        <!--&lt;!&ndash; /.dropdown &ndash;&gt;-->
        <!--<li class="dropdown">-->
            <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                <!--<i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>-->
            <!--</a>-->
            <!--<ul class="dropdown-menu dropdown-tasks">-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<p>-->
                                <!--<strong>Task 1</strong>-->
                                <!--<span class="pull-right text-muted">60% Complete</span>-->
                            <!--</p>-->
                            <!--<div class="progress progress-striped active">-->
                                <!--<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">-->
                                    <!--<span class="sr-only">60% Complete (success)</span>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<p>-->
                                <!--<strong>Task 2</strong>-->
                                <!--<span class="pull-right text-muted">28% Complete</span>-->
                            <!--</p>-->
                            <!--<div class="progress progress-striped active">-->
                                <!--<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28" aria-valuemin="0" aria-valuemax="100" style="width: 28%">-->
                                    <!--<span class="sr-only">28% Complete</span>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<p>-->
                                <!--<strong>Task 3</strong>-->
                                <!--<span class="pull-right text-muted">60% Complete</span>-->
                            <!--</p>-->
                            <!--<div class="progress progress-striped active">-->
                                <!--<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">-->
                                    <!--<span class="sr-only">60% Complete (warning)</span>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<p>-->
                                <!--<strong>Task 4</strong>-->
                                <!--<span class="pull-right text-muted">85% Complete</span>-->
                            <!--</p>-->
                            <!--<div class="progress progress-striped active">-->
                                <!--<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">-->
                                    <!--<span class="sr-only">85% Complete (danger)</span>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a class="text-center" href="#">-->
                        <!--<strong>See All Tasks</strong>-->
                        <!--<i class="fa fa-angle-right"></i>-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
            <!--&lt;!&ndash; /.dropdown-tasks &ndash;&gt;-->
        <!--</li>-->
        <!--&lt;!&ndash; /.dropdown &ndash;&gt;-->
        <!--<li class="dropdown">-->
            <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                <!--<i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>-->
            <!--</a>-->
            <!--<ul class="dropdown-menu dropdown-alerts">-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<i class="fa fa-comment fa-fw"></i> New Comment-->
                            <!--<span class="pull-right text-muted small">4 min</span>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<i class="fa fa-twitter fa-fw"></i> 3 New Followers-->
                            <!--<span class="pull-right text-muted small">12 min</span>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<i class="fa fa-envelope fa-fw"></i> Message Sent-->
                            <!--<span class="pull-right text-muted small">4 min</span>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<i class="fa fa-tasks fa-fw"></i> New Task-->
                            <!--<span class="pull-right text-muted small">4 min</span>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<div>-->
                            <!--<i class="fa fa-upload fa-fw"></i> Server Rebooted-->
                            <!--<span class="pull-right text-muted small">4 min</span>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li>-->
                    <!--<a class="text-center" href="#">-->
                        <!--<strong>See All Alerts</strong>-->
                        <!--<i class="fa fa-angle-right"></i>-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
            <!--&lt;!&ndash; /.dropdown-alerts &ndash;&gt;-->
        <!--</li>-->
        <!-- /.dropdown -->
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
            </a>
            <ul class="dropdown-menu dropdown-user">
                <li>
                    <a href="javascript:logOut();"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
                </li>
            </ul>
            <!-- /.dropdown-user -->
        </li>
        <!-- /.dropdown -->
    </ul>
</nav>
</div>
<!--/. NAV TOP  -->